<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>{{app.Name}} - {{config.SiteName}} - 小程序应用市场|小程序分发平台|小程序商店</title>
    <meta name="keywords" content="MiniAppStore,小程序,应用市场,分发平台,小程序商店"/>
    <meta name="description" content="MiniAppStore小程序应用市场|小程序分发平台|小程序商店"/>
    {% include "../common/head.html" %}
<body class="gray-bg">
{% include "../common/nav.html" %}
<div class="main-page">
    <div class="container">
        <div class="row">
            <div class="col-sm-12 col-md-8">
                <div class="ibox float-e-margins">
                    <div class="ibox-content appdetail">
                        <div class="appico">
                            <img alt="{{app.Name}}" class="m-t-xs img-responsive list-thumbnail" src="{{app.Ico}}">
                        </div>
                        <div class="appname">
                            <h2>{{app.Name}}</h2>
                            <p>
                                分类：
                                 {%  for k,v in tags    %}
                                <a class="info"  href="/app/list/type-{{k}}" >{{ v}}</a>
                                {%  endfor    %}
                            </p>
                            <p>发布：{{app.CreateDate}}</p>
                        </div>
                        <div class="appercode">
                            <img alt="{{app.Name}}" class="m-t-xs img-responsive" src="{{app.ErCode}}" width="150px">
                        </div>
                        <div class="introduce">
                            <div class="apptitle">
                                小程序简介
                            </div>
                            <div class="appcontent">
                                <p>{{app.Introduce}}</p>
                                <p>
                                <div id="carousel-example-generic" class="carousel slide" data-ride="carousel">
                                    <!-- Indicators -->
                                    <ol class="carousel-indicators">
                                        {% for k,v in screenshots   %}
                                        {% if k=="0" %}
                                        <li data-target="#carousel-example-generic" data-slide-to="{{k}}" class="active"></li>
                                        {%  else %}
                                        <li data-target="#carousel-example-generic" data-slide-to="{{k}}"></li>
                                        {%  endif  %}
                                        {% endfor %}
                                    </ol>

                                    <!-- Wrapper for slides -->
                                    <div class="carousel-inner" role="listbox">
                                        {% for k,v in screenshots   %}
                                        {% if k=="0" %}
                                        <div class="item active">
                                            <img src="{{v}}" alt="{{v}}">
                                            <div class="carousel-caption">
                                            </div>
                                        </div>
                                        {%  else %}
                                        <div class="item ">
                                            <img src="{{v}}" alt="{{v}}">
                                            <div class="carousel-caption">
                                            </div>
                                        </div>
                                        {%  endif  %}
                                        {% endfor %}
                                    </div>

                                    <!-- Controls -->
                                    <a class="left carousel-control" href="#carousel-example-generic" role="button" data-slide="prev">
                                        <span class="glyphicon glyphicon-chevron-left" aria-hidden="true"></span>
                                        <span class="sr-only">Previous</span>
                                    </a>
                                    <a class="right carousel-control" href="#carousel-example-generic" role="button" data-slide="next">
                                        <span class="glyphicon glyphicon-chevron-right" aria-hidden="true"></span>
                                        <span class="sr-only">Next</span>
                                    </a>
                                </div>
                                </p>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <div class="col-sm-12 col-md-4">
                <div class="ibox">
                <div class="ibox-title">
                    <h2>热门推荐</h2>
                </div>
                <div class="ibox-content appdetail">
                    {% for app in hots %}
                    <div class="col-sm-12 appdetail">
                        <a href="/app/detail/{{app.Id}}" class="btn-link" target="_blank">
                            <div class="appico">
                                <img alt="{{app.Name}}" class="m-t-xs img-responsive list-thumbnail-small"
                                     src="{{app.Ico}}">
                            </div>
                            <div class="appname-small ">
                                <h3>{{app.Name}}</h3>
                                <p>{{app.TYPENAME}}</p>
                                <p> {%  for i in 5  %}
                                    <i class="glyphicon glyphicon-heart"></i>
                                    {%  endfor  %}

                                </p>
                            </div>
                        </a>
                    </div>
                    {% endfor %}
                </div>
                </div>
                <div class="ibox">
                <div class="ibox-title">
                    <h2>类别推荐</h2>
                </div>
                <div class="ibox-content">
                    <a class="btn-group" role="group" aria-label="...">
                        {% for category in recommendTypes %}
                        <a href="/app/list/type-{{category.Id}}">
                            <button type="button" class="btn button-default btn-info">{{category.Name}}</button>
                        </a>
                        {% endfor %}
                    </a>
                </div>
                </div>
                </div>
        </div>
    </div>
</div>
{% include "../common/footer.html" %}
 <script type="text/javascript">
     $('.carousel').carousel()
 </script>
</body>
</html>